*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	font-family: MicrosoftYaHei;
}
ul,ol,li{
	list-style:none;
}
a{
	text-decoration: none;
}
input{
	outline: none;
	color: #cccccc;
}
.personal_center_wrapper{
	width: 100%;
}
.personal_center_top{
	width: 100%;
	height: 33px;
	background: url(../img/top.png) no-repeat center center;
	background-size: cover;
}
.personal_center_box{
	width: 1146px;
	margin: 0 auto;
}
.personal_center_logo{
	width: 1146px;
	height: 72px;
	.logo{
		float: left;
		padding-top: 10px;
	}
	.words{
		float: left;
		padding-top: 27px;
		font-family: MicrosoftYaHei-Bold;
		font-size: 20px;
		color: #0971ce;
		font-weight: bold;
		padding-left: 8px;
	}
	.search{
		float: right;
		padding-top: 19px;
		position: relative;
		.search_icon{
			position: absolute;
			right: 6px;
			top: 27px;
			width: 16px;
			height: 16px;
			background:url(../img/search.png) no-repeat center center;
			background-size: cover; 
		}
		input{
			width: 260px;
			height: 30px;
			border: 1px solid #cccccc;
			border-radius: 3px;
			padding-left: 12px;
			line-height: 28px;
			font-size: 12px;
			color: #ccc;
			font-family: MicrosoftYaHei;
		}
	}
}
.personal_center_content{
	width: 100%;
	.nav{
		width: 127px;
		height: 857px;
		float: left;
  		background: -webkit-gradient(linear, 0 0, 0 100%, from(#536cc7), to(#7d51c3));
		background: -moz-linear-gradient(top, #536cc7, #7d51c3);
		background: -o-linear-gradient(top, #536cc7, #7d51c3);
		background: -ms-linear-gradient(#536cc7 0%,#7d51c3 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=0);
    	-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#536cc7',endColorstr='#7d51c3',grandientType=0);

	}
	.nav-top{
		height:145px;
		border-bottom:1px solid #4b5dad;
		margin-bottom:10px;
		img{
			width:71px;
			height:71px;
			margin:27px 28px 8px 28px;;
		}
		p{
			height:22px;
			line-height:22px;
			color:#fff;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			font-family: MicrosoftYaHei;
		}
	}
	.navList{
		li{
			width: 100%;
			height: 72px;
			position: relative;
			a{
				color: #ffffff;
				width:100%;
				height:72px;
				display:block;
				line-height: 72px;
				font-family: MicrosoftYaHei-Bold;
				font-size: 14px;
				font-weight: bold;
				padding-left: 25px;
			}
		}
		.active{
			background:rgba(000,000,000,0.1);
			filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19000000,endColorstr=#19000000);
		}
		.active:after,.active after{
			content:url(../img/rightArrow.png);
				position: absolute;
				width: 8px;
				height: 72px;
				line-height: 72px;
				right: 20px;
				top: 0;
		}
	}
	.detail{
		width: 1000px;
		height: 857px;
		float: right;
	}
	.detail_nav{
		width: 100%;
		height: 38px;
		padding-left: 18px;
		padding-left:0\9;

		background: #fafafa;
		margin-bottom: 10px;
		margin-bottom:10\9;
		.detail_nav_list{
			float: left;
			margin-left:18px\9;
			li{
				width: 85px;
				height: 40px;
				font-family: MicrosoftYaHei-Bold;
				float: left;
				font-weight: bold;
				a{
					width:100%;
					height:40px;
					line-height:40px;
					color: #808080;
					font-size: 14px;
					display:block;
				}
				a:hover{
					color:#0971ce;
				}
			}
			li.active{
				a{
					color: #0971ce;
				}
			}
		}
		.detail_nav_refresh{
			float: right;
			height: 38px;
			p{
				float:left;
				font-size:0;
			}
			.detail-inp{
				width: 196px;
				height:38px;
				margin-right:6px;
				input{
					width: 196px;
					height:29px;
					line-height:29px;
					font-size:12px;
					border:none;
					background:#fafafa;
					border-bottom: 1px solid #cccccc;
					font-family: MicrosoftYaHei;
				}
			}
			.detail_ref{
				width:48px;
				height:38px;
				position:relative;
				span{
					font-size:12px;
					line-height:38px;
					color: #0971ce;
					font-family: MicrosoftYaHei;
				}
				i{
					position: absolute;
					width: 14px;
					height: 12px;
					right: 7px;
					bottom:13px;	
				}
			}		
				
		}
	}
	.detail_figure{
		width: 100%;
		height: 99px;
		background: #fafafa;
		margin-bottom: 10px;
		.detail_figure_box{
			width: 100%;
			height:100px;;
			.detail-figure_list{
				width:249px;
				height:100px;
				font-size:0;
				float: left;	
				display:inline;
				border-right: 1px solid #f0f0f0;
				padding-left:18px;
				padding-left:0\9;
				h3{
					padding-top: 20px;
					font-size: 18px;
					font-family: MicrosoftYaHei-Bold;
					color: #4d4d4d;
					margin-left:18px\9;
				}
				dl{
					padding-top: 10px;
					margin-left:18px\9;
				}
				dt{
					float: left;
					font-family: MicrosoftYaHei-Bold;
					font-size: 32px;
					color: #01a327;
					padding-right: 14px;
					padding-right:14px\9;
					font-weight: bold;
				}
				dd{
					float: left;
					color: #01a327;
					font-size: 12px;
					font-family: MicrosoftYaHei;
					p{
						line-height: 16px;

					}
				}
			}
			dl.red{
				dt{
					color: #f23535;
				}
				dd{
					color: #f23535;
				}	
			}
			.detail_figure_last{
				border-right:none;
			};
		}	
	}
	.detail_goods{
		.detail_goods_nav{
			width: 100%;
			height: 40px;
			border-top: 1px solid #edf0f2;
			border-bottom: 1px solid #edf0f2;
			background: #f7fafc;
			span{
				float: left;
				line-height: 38px; 
				font-family: MicrosoftYaHei;
				font-size: 14px;
				color: #999999;

			}
			span.all{
				text-align: left;  
				padding-left: 18px;
				width:88px;
				i{
					padding-left: 10px;
				}
			}
			span.current{
				width:50px;
				margin-left:40px;
				text-align:center; 
			}
			span.up{
				width:90px;
				margin-left:38px;
				text-align:right;
			}
			span.change{
				width:48px;
				margin-left:80px;
				text-align:center;     
			}
			span.get{
				width:48px;
				margin-left:68px;
				text-align:center;    
			}
			span.price{
				width:75px;
				margin-left:60px;
				text-align:center;         
				
			}
			span.collect_up{
				width:100px;
				margin-left:50px;
				text-align:center; 
			}
			span.operate{
				width:92px;
				margin-left:34px;
				text-align:right;

			}
		}
		.detail_goods_item{
			width: 100%;
			height:48px;
			border-bottom: 1px solid #edf0f2;
			&:after{
				content:"";
				display: block;
				width: 0;
				height: 0;
				overflow: hidden;
				clear: both;
			};			
			span{
				float: left;
				line-height:23px;
				font-family: MicrosoftYaHei-Bold;
				font-size: 14px;
				color: #4d4d4d;
				
			}
			span.all{
				text-align: left;  
				padding-left: 18px;
				width:88px;
				i{
					padding-left: 10px;
				}
			}
			span.current{
				width:50px;
				margin-left:40px;
				text-align:center; 
			}
			span.up{
				width:90px;
				margin-left:38px;
				text-align:center;
			}
			span.change{
				width:48px;
				margin-left:80px;
				text-align:center; 

			}
			span.get{
				width:48px;
				margin-left:68px;
				text-align:center;   
			}
			span.price{
				width:75px;
				margin-left:60px;
				text-align:center;         
				
			}
			span.collect_up{
				width:100px;
				margin-left:50px;
				text-align:center; 
			}
			span.operate{
				width:92px;
				margin-left:44px;
				text-align:center; 
			}
			span.blue{
				color:#0576da;
				a{
					color:#0576da;
				}
			}
			span.green{
				color:#009933;
			}
			span.red{
				color: #f23535;
			}
			.item_top{
				
				span.all{		
					text-align:left;

				}
			}
			.item_bottom{
				font-family: MicrosoftYaHei;
				font-size:14px; 
				span{
					
					padding-left:18px;	
					text-align:left;
					margin-left:18px\9;
					padding-left:0\9;		
				}

				i{
					display: inline-block;
					width: 20px;
					height: 14px;
					line-height: 14px;
					border-radius: 2px;
					background: #b7b7b7;
					font-style: normal;
					font-size: 12px;
					margin-right: 4px;
					color: #fff;
					text-align: center;
				}
				b{
					font-weight: normal;
					color:#808080;
					font-size:14px;
				}
				
			}
		}
		.detail_goods_ls{
				background: #f7fafc;
			};
	}
	.detail_info{
		width:100%;
		.hot_title{
			font-family: MicrosoftYaHei-Bold;
			font-weight:bold;
			padding-left:18px;
			font-size: 16px;
			color: #333333;
			margin:24px 0 6px 0;

		}
		.detail_info_list{
			margin-top:10px;
			.detail_info_item{
				width: 490px;
				height: 62px;
				background: #f7fafc;
				padding-left: 18px;
				padding-left:0\9;
				padding-top:10px;
				margin-bottom:10px;
				float:left;
				display:inline;
				font-size:0;
				&.detail_info_ser{
					margin-right:20px;
					margin-right:20px\9;
					margin-right:0\*;
				};
			}
		}
		
		.detail_info_time{
			font-family: MicrosoftYaHei;
			font-size: 14px;
			color: #999999;
			margin-left:18px\9;
			b{
				font-weight: normal;
				padding-right: 30px;
			}
			span{
				padding-right: 15px;
			}
		}
		.detail_info_message{
			padding-top: 10px;
			padding-top:10px\9;
			margin-left:18px\9;
			p{
				font-family: MicrosoftYaHei;
				font-size: 16px;
				color: #4d4d4d;
			}
		}
	}
}

